@import "../common/css/variables.scss";
@import "../../common/css/size.scss";
.m-product{
  .proSearch{
    padding: $_10;
    background: #f9f9f9;
    .searchInput{
      width: calc(82% - #{$_80});
      height: $_28;
      line-height: $_28;
      border-radius: $_2;
      border: none;
    }
  }
  .proScr{
    height: calc(100% - #{$_55});
    overflow-y: auto;
    top: $_55;
    position: absolute;
  }
  .searchText{
  }
.proSort{
  .proSortT{
    height: $_100;
    width: 25%;
  }
  //.proSortUl{
  //  height: $_100;
  //}
  //.proSortT{
  //  margin-bottom: 0.3rem;
  //}
  .sortImg{
    margin-bottom: 0.2rem;
    //border: $_1 solid $borderC;
    img{
      width: 100%;
      height: 100%;
    }
  }
}
.searchInput{
  background:  #EDEDED url("../img/common/search.png") no-repeat $_10;
  background-size: $_16 $_16;
  padding: 0 $_40;
}
  .proRecm .proContent li:last-child{
    border-bottom: $_1 solid $borderC;
  }

}
/*产品单条样式*/
  .proContent{
    //height: calc(100% - 11rem);
    //position: absolute;
    background: $cbMainf5;
  }
  .proTitle{
    text-align: center;
    padding: 0.5rem 0 0.2rem 0;
  }
  .borkerageW{
    text-align: left;
    width: 5rem;
  }
   .priceW{
    width: $_93;
  }
.proItem{
  //height: 4rem;
  //border-top: $_1 solid $borderC;
  padding: 0.2rem 0;
  background: #fff;
  .proLeft {
    width: 27%;
    //height: 100%;
    //margin: 0 $_10;
    .proImg {
      height: $_80;
      width: $_80;
      background: #fff;
    }
    .proImg2 {
      height: $_60;
      width: $_60;
      background: #fff;
    }
  }
  .proRight{
    width: calc(73% - 0.6rem);
    margin: 0 0.5rem 0 0.1rem;
    .middleInfo{
      margin: 0.1rem 0;
    }
  }
}
/*产品中心新样式*/
.proItemN{
  padding: $_10  $_15 0 $_15;
  background: #fff;
  margin-bottom: $_10;
  .proTag{
    font-size: $_10;
    padding: $_3 $_5;
    border-radius: $_4;
  }
  .proTopR{
    width: calc(100% - #{$_70});
    margin-right: $_10;
  }
  .proTitleN{
    font-size: $_14;
    color: #363636;
    width: calc(100% - 2rem);
  }
  .proTop{
    padding: 0 0 $_10 0;
  }
  .proDesc{
    padding: 0 0 $_10 0;
    line-height: $_20;
  }
  .proItemB{
    height: $_40;
    border-top: $_1 solid $cbMainf5;
  }
  .priceW{
    //width: $_85;
  }
  .orgPrice {
    text-decoration: line-through;
    color: #FF7500;
    margin-left: $_5;
  }
  .borkerageW{
    margin-left: $_20;
    color: #FF7500;
  }
  .proTagCN{
    border: $_1 solid #4CAE0C;
    color: #4CAE0C;
    background: #F3FFEA;
    margin-right: $_5;
  }
  .proTagCH{
    border: $_1 solid #F65C55;
    color: #F65C55;
    background: #FDF2F2;
    margin-right: $_5;
  }
  .logoPro{
    width: $_70;
    height: $_20;
  }
}

.proItems{
  padding: 0.2rem 0;

  .proLeft {
    width: 20%;
  }
  .proRight{
    width: calc(80% - 0.6rem);
    margin: 0 0.5rem 0 0.1rem;
    div{
      margin: 0.1rem 0;
    }

  }
  .proImg {
    height: $_50;
    width: $_50;
    background: #d8d8d8;
  }
}